<template>
	<view class="content with-tabbar" v-if="custom">
		<u-navbar bgColor="transparent" title="我的积分" :safeAreaInsetTop="true" :placeholder="true" :fixed="true"
			@leftClick="goBack">
		</u-navbar>
		<div class="main pos-rel mt-40">
			<image class="icon" src="https://xingangtong.oss-cn-beijing.aliyuncs.com/user/20250626kR227K.png" />
			<div class="lh-72 fontS24 color-3">当前积分</div>
			<div class="lh-70 fontS60 color-1b font-bold">0</div>
			<div class="scoreBox">
				<div class="flex align-center justify-center pt-30">
					<div class="titleSub fontS28 bor-b lh-42 font-500">积分明细</div>
				</div>
				<div style="margin-top: -100upx;">
					<without></without>
				</div>




			</div>
		</div>
	</view>
</template>

<script>
import { resume, onLineResume } from '@/api/resume'
const api = require("@/api/api.js").api;
export default {
	computed: {
		userInfo() {

			return this.$store.getters.userInfo || {};
		},
	},
	data() {
		return {
			orderId: '',
			custom: null,
			navTop: null,
		}
	},
	onLoad(option) {
		this.custom = wx.getMenuButtonBoundingClientRect()
		this.navTop = this.custom.top - this.statusBarHeight
		this.orderId = option.orderId
	},
	methods: {
		toHome() {
			uni.switchTab({
				url: '/pages/home/home'
			})
		},
		goBack() {
			uni.switchTab({
				url: '/pages/mine/users'
			})

		},
		async toNext() {
			uni.navigateTo({
				url: `/pages/order/detail?orderId=${this.orderId}`,
			});

		},

	}
}
</script>

<style lang="less" scoped>
.content {
	display: flex;
	flex-direction: column;
	background: linear-gradient(180deg, #E8FFF3 0%, #BDFFDD 160px, #FFFFFF 300px);
	padding: 0upx 30upx;
	// text-align: center;
	height: 100vh;
	overflow: hidden;


	.icon {
		width: 186upx;
		height: 190upx;
		right: 30upx;
		position: absolute;
		top: 0upx;

	}

	.scoreBox {
		margin-top: 30upx;
		background-color: #fff;
		border-radius: 16upx;
		height: 80vh;
		position: relative;
		z-index: 99999;
	}

	.titleSub {
		position: relative;
		padding: 27upx;
		color: #60CD93;
		width: 100%;
		text-align: center;
		font-weight: 500;


		&::after {
			content: "";
			position: absolute;
			width: 30upx;
			left: 0;
			right: 0;
			bottom: -5upx;
			margin: 0 auto;
			height: 6upx;
			background: #60CD93;
			border-radius: 10upx;


		}
	}



}

.backBtn {
	position: fixed;
	top: 0upx;
	left: 30upx;
	width: 100%;

}
</style>